$(function () {
    var adl = $('.side dl');
    var num = 5;

    $('.side dd').click(function () {
        $(this).toggleClass('active');
    });
    adl.each(function () {
        var dd = $(this).find('dd');
        if(dd.length > num){
            for(var i=num; i<dd.length; i++){
                dd.eq(i).hide();
            }
        }else{
            $(this).parents('li').find('.icon').hide()
        }
    });

    showNum();
    function showNum() {
        $('.side dl').each(function () {
            var aLi = $(this).find('dd');
            var more = $(this).find('.icon');
            if(aLi.length > num){
                more.show();
            }else{
                more.hide();
            }
        });
        var more =$('.side .icon');
        for(var i=0; i<more.length ; i++){
            (function (i) {
                var index = num;
                var mark = false;
                var aLi = more.eq(i).parent().find('dd');
                more.eq(i).click(function () {
                    if(!mark){
                        for(var i=0; i<num ; i++){
                            if(index == aLi.length){
                                $(this).addClass('up');
                                mark = true;
                                return;
                            }else{
                                aLi.eq(index).show();
                                index++;
                            }
                        }
                    }else {
                        for (var i = num; i < aLi.length; i++) {
                            aLi.eq(i).hide();
                        }
                        $(this).removeClass('up');
                        index = num;
                        mark = false;
                    }
                })
            })(i)
        }
    }

})

